<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css字体</title>
    <style>
        #p1{
            font-family: "Times New Roman",Times,serif;

        }

    </style>
</head>
<body>

<h3>设置字体系列</h3>
<hr>
<p id="p1">

    font-family属性设置文本字体<br> 设置多个字体作为后备机智，浏览器不支持第一个字体，则使用第二个 <br>
    字体名称超过两个字如"宋体"必须用引号引起来
</p>


<h3>设置字体样式</h3>
<hr>
<p style="font-style: normal;">这是正常体</p>
<p style="font-style: italic"> 这是斜体-以斜体字显示的文字</p>
<p style="font-style: oblique">这是倾斜的文字-文字向一边倾斜</p>


<h3>设置字体大小</h3>
<hr>
<p style="font-size: 12px">这是小号字体12</p>
<p style="font-size: 25px">这是中号字体25</p>
<p style="font-size: 35px">这是大号字体35</p>

<h3>设置字体加粗</h3>
<hr>
<p style="font-weight: normal">这里是正常字体normal</p>
<p style="font-weight: lighter">这里是青一点字体lighter</p>
<p style="font-weight: bold">这里是加粗字体bold</p>
<p style="font-weight: 900">这里是加粗字体,加粗值为900</p>


</body>
</html>